page-pc-creater-evaluating {
  @extend %input_title;
  @extend %buttons;
  .evalName {
    width: 100%;
    height: 5.4rem;

    display: flex;
    align-items: center;
    margin-bottom: 1rem;
    
    font-family:PingFangSC-Semibold;

    background-color: #FFFFFF;
    border-radius: 0.5rem;
    box-shadow: $shadow;
  }
  .content {
    padding: 0 1rem 0 1rem;
    color: #A1A1B2;
    font-size: 1.4rem;
  }
  .input-evalTime {
    width: 100%;
    height: 5.4rem;
    
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
    
    box-shadow: $shadow;
    border-radius: 0.5rem;
    .item-ios {
      padding-left: 0 !important;
      background: none;
    }
    button {
      padding: 0;
    }
    .input-evalTime-content {
      padding: 0 1rem 0 1rem;
      color: #A1A1B2;
      font-size: 1.4rem;
    }
    .input-width{
      width: 25.5rem !important;
    }
  }
  .bgurl {
    border-radius: 0.5rem 2.7rem 2.7rem 0.5rem;
    background-color: #7C7BF8;
  }
  .eval-rule {
    width: 100%;
    
    margin-top: 3rem;
    margin-bottom: 9rem;
    padding: 0.8rem 1.6rem 2.2rem 1.6rem;
    
    font-family:PingFangSC-Semibold;

    border-radius: 0.5rem;
    box-shadow: $shadow;
    background-color: #FFFFFF;
    .rule-title {
      width: 100%;
      margin-bottom: 0.8rem;
      p {
        display: inline-block;
        margin: 0;
    
        color: #65666C;
        font-weight: 600;
        font-size: 1.8rem;
      }
      ion-icon {
        float: right;
        margin-top: 0.3rem;
      }
    }
    .rule-itemName {
      height: 2rem;
      margin: 0 0.4rem 3rem 0.6rem;
      p {
        display: inline-block;
        margin: 0;
        font-size: 1.4rem;
        color: #A1A1B2;
      }
      span {
        margin-right: 1rem;
        font-size: 1.4rem;
        color: #A1A1B2;
      }
    }
    .more {
      float: right;
      display: flex;
      align-items: center;
    }
  }
  .input-margin {
    margin-bottom: 0 !important;
  }
  .hrstyle {
    width: 100%;
    height: 0.1rem;
      
    margin-bottom: 1.6rem;
    background-color: #ECECEC;
  }
  .scroll-content {
    padding-top: 3.8rem !important;
  }
}
